﻿@charset "UTF-8";
/**
 * 
 * @authors 张志瑞
 * @date    2017-03-1 14:01:24
 * @version $Id$
 */
/*通用样式*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary { display: block; }
audio,
canvas,
progress,
video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden],
template { display: none; }
abbr[title] { border-bottom: 1px dotted; }
b,
strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 0.3rem; }
p { font-size: 0.28rem; max-height: 9999px; -webkit-text-size-adjust: none; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code,
kbd,
pre,
samp { font-family: monospace, monospace; font-size: 1em; }
button,
input,
optgroup,
select,
textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button,
select { text-transform: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled],
html input[disabled] { cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td,
th { padding: 0; }
*,
*:before,
*:after { box-sizing: border-box; outline: none; }
a,
input,
textarea,
select,
button { outline: none; }
address, b, big, blockquote, body, cite, code, dd, del, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span, strong, ul, var { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; }
body { font-family: arial, sans-serif; -ms-text-size-adjust: 100%; outline：none; -webkit-text-size-adjust: 100%; background: #F5F5F5; overflow-x: hidden; position: relative;; max-width: 750px; width: 750px; }
html { font-size: 100px; background: #e7e7e7; overflow-x: hidden; }
input, button { border-radius: 0; -webkit-appearance: normal; border: none; color: inherit; font: inherit; padding: 0; }
html, body { height: 100%; }
ul, li { list-style: none; }
.fl { float: left; }
.fr { float: right; }
.clearfix:after { content: ""; height: 0; font-size: 0rem; visibility: hidden; display: block; clear: both; }
.clearfix { *zoom: 1; }
a{text-decoration: none; color: inherit;display: block;}
a:hover { text-decoration: none; }
a,
label,
button,
input,
select { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);background: none;}
i { font-style: normal; }
img { border: none; vertical-align: middle; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
.ms-controller { visibility: hidden; }
.iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
@font-face {
  font-family: 'iconfont';  /* project id 244598 */
  src: url('http://at.alicdn.com/t/font_ov7fft68ryynwmi.eot');
  src: url('http://at.alicdn.com/t/font_ov7fft68ryynwmi.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_ov7fft68ryynwmi.woff') format('woff'),
  url('http://at.alicdn.com/t/font_ov7fft68ryynwmi.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_ov7fft68ryynwmi.svg#iconfont') format('svg');
}
/*               全局样式                  */
.margin-t { margin-top: .25rem; }
.margin-s { margin-top: .2rem; }
.textcenter { text-align: center; }
.textleft { text-align: left; }
.textright { text-align: right; }
.paddingno { padding: 0 !important; }
.jui-flexview,
.juitabbar-item { -webkit-box-orient: vertical; }
.jui-flexview { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.jui-scrollview { width: 100%; height: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: relative; margin-bottom: -1px; padding-bottom: 0.5rem; }
.jui-bar { height: 0.88rem; padding: 0 0.3rem; background-color: #ff8a00; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; color: #FFFFFF; z-index: 1000; }
.jui-barwhite { position: relative; }
.jui-barwhite:after { content: ""; position: absolute; width: 100%; border-bottom: 1px solid #E7E7E7; bottom: 0; left: 0; }
.jui-bar-fixed { position: fixed; top: 0; width: 100%; }
.title { position: absolute; display: block; width: 100%; left: 0; top: 0; padding: 0 0.2rem; font-size: 0.34rem; font-weight: 500; line-height: 0.88rem; color: #3d4145; text-align: center; color: #FFFFFF; white-space: nowrap; }
.jui-bar p.fl { line-height: 0.88rem; font-size: 0.4rem; position: relative; z-index: 99; height: 0.88rem; }
.jui-bar p.fr { line-height: 0.88rem; font-size: 0.43rem; position: relative; z-index: 99; color: #FFFFFF; }
.jui-bar p.fr span { position: absolute; width: .14rem; height: .14rem; background: #ff3e3e; border-radius: 50%; top: .15rem; right: -0.05rem; }
.jui-bar p.remind { font-size: 0.4rem; position: relative; }
.jui-bar p.remind span { width: 0.12rem; height: 0.12rem; background: red; border-radius: 50%; position: absolute; top: 0.2rem; right: 0; }
.jui-bar p.adress { font-size: 0.28rem; color: #FFFFFF; margin-left: 0; }
.jui-bar .bar-find { position: relative;width: 4.8rem; height: 0.6rem; display: block; margin: 0.14rem 0; margin-left: .3rem; background-color: #f6f6f6; border-radius: 50px; }
.jui-bar .bar-find span { line-height: 0.6rem; font-size: 0.3rem; color: #bcbcbc; display: block; margin-left: 0.2rem; }
.jui-bar .bar-find .myInput { height: 0.6rem; font-size: 0.26rem; color: #61656e; width: 70%; padding-left: 0.2rem; background: none; }
.myInput::-webkit-input-placeholder { color: #d3d3d3; }
.myInput:-moz-placeholder { color: #d3d3d3; }
.myInput:-ms-input-placeholder { color: #d3d3d3; }
/*               头部框架                  */
.jui-link { display: block; }
.list-loading { text-align: center; color: #777; font-size: .24rem; text-align: center; padding: .25rem 0; }
.list-loading img { width: 0.48rem; }
.jui-foot { position: relative; background-color: #FFFFFF; height: 0.98rem; bottom: 0; z-index: 100; width: 100%; }
.jui-foot .tab-item { position: relative; display: table-cell; width: 1%; height: 0.98rem; text-align: center; vertical-align: middle; color: #404040; }
.s-slider { width: 6.9rem; height: 4rem; display: block; margin: 0 auto; overflow: hidden; border-radius: 10px; margin-top: .24rem; }
.s-slider img { height: 4rem !important; border-radius: 10px; }
.m-loading,
.slider-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; }
.slider-wrapper { display: flex; width: 100%; height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: relative; z-index: 1; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }
.slider-item { width: 100%; height: 100%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
.slider-item img { width: 100%; height: 7.5rem; }
.slider-pagination { position: absolute; width: 100%; z-index: 2; left: 0; bottom: .15rem; pointer-events: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.slider-pagination > .slider-pagination-item { margin: 0 .08rem; width: .14rem; height: .14rem; display: inline-block; border-radius: 100%; background-color: #B7D0E1; }

.slider-pagination > .slider-pagination-item.slider-pagination-item-active { background-color: #FF0005; }
.jui-foot .tab-item.tab-item-active, .jui-foot .tab-item:active { color: #39b7ff; }
.jui-foot .tab-item .tab-item-icon { font-size: 0.5rem; display: block; }
.jui-foot .tab-item .index_ico { width: .67rem; height: .78rem; background: url('../img/22_03.png') no-repeat center; margin: 0 auto; }
.jui-foot .tab-item .index_ico.change { background: url('../img/11_03.png') no-repeat center; }
.jui-foot .tab-item .select_ico { width: .67rem; height: .78rem; background: url('../img/22_05.png') no-repeat center; margin: 0 auto; }
.jui-foot .tab-item .select_ico.change { background: url('../img/11_05.png') no-repeat center; }
.jui-foot .tab-item .help_ico { width: .67rem; height: .78rem; background: url('../img/22_07.png') no-repeat center; margin: 0 auto; }
.jui-foot .tab-item .help_ico.change { background: url('../img/11_07.png') no-repeat center; }
.jui-foot .tab-item .myself_ico { width: .67rem; height: .78rem; background: url('../img/22_09.png') no-repeat center; margin: 0 auto; }
.jui-foot .tab-item .myself_ico.change { background: url('../img/11_09.png') no-repeat center; }
.jui-foot .tab-item .tab-item-img { display: block; margin: 0 auto; width: 0.5rem; height: 0.5rem; margin-bottom: 0.07rem; }
.jui-foot .tab-item .tab-item-name { font-size: 0.22rem; display: block; margin-top: 0.02rem; }
/*               工具栏框架                  */
.content { overflow: auto; -webkit-overflow-scrolling: touch; }
.row { overflow: hidden; padding: 0.2rem; }
.row > [class*="col-"] { box-sizing: border-box; float: left; }
.row.no-gutter { margin-left: 0; }
.row.no-padding { padding: 0; }
.row .col-100 { width: 96%; margin-left: 4%; }
.row.no-gutter .col-100 { width: 100%; margin: 0; }
.row .col-95 { width: 91%; margin-left: 4%; }
.row.no-gutter .col-95 { width: 95%; margin: 0; }
.row .col-90 { width: 86%; margin-left: 4%; }
.row.no-gutter .col-90 { width: 90%; margin: 0; }
.row .col-85 { width: 81%; margin-left: 4%; }
.row.no-gutter .col-85 { width: 85%; margin: 0; }
.row .col-80 { width: 76%; margin-left: 4%; }
.row.no-gutter .col-80 { width: 80%; margin: 0; }
.row .col-75 { width: 71.00000000000001%; margin-left: 4%; }
.row.no-gutter .col-75 { width: 75%; margin: 0; }
.row .col-66 { width: 62.66666666666666%; margin-left: 4%; }
.row.no-gutter .col-66 { width: 66.66666666666666%; margin: 0; }
.row .col-60 { width: 55.99999999999999%; margin-left: 4%; }
.row.no-gutter .col-60 { width: 60%; margin: 0; }
.row .col-50 { width: 46%; margin-left: 4%; }
.row.no-gutter .col-50 { width: 50%; margin: 0; }
.row .col-40 { width: 36%; margin-left: 4%; }
.row.no-gutter .col-40 { width: 40%; margin: 0; }
.row .col-33 { width: 29.333333333333332%; margin-left: 4%; }
.row.no-gutter .col-33 { width: 33.333333333333336%; margin: 0; }
.row .col-25 { width: 21%; margin-left: 4%; }
.row.no-gutter .col-25 { width: 25%; margin: 0; }
.row .col-20 { width: 16%; margin-left: 4%; }
.row.no-gutter .col-20 { width: 20%; margin: 0; }
.row .col-15 { width: 10.999999999999998%; margin-left: 4%; }
.row.no-gutter .col-15 { width: 15%; margin: 0; }
.row .col-10 { width: 6%; margin-left: 4%; }
.row.no-gutter .col-10 { width: 10%; margin: 0; }
.row .col-5 { width: 1%; margin-left: 4%; }
.row.no-gutter .col-5 { width: 5%; margin: 0; }
/*               栅格化排版                  */
.jui-list { }
.jui-grid-trisect { padding: 0.2rem; overflow: hidden; }
.jui-media-list { background: #FFFFFF; border-top: 1px solid #d4d4da; }
.media-list { padding: 0.26rem 0; padding-left: 0.3rem; display: flex; position: relative; }
/*.media-list:before { content: ""; width: 100%; border-bottom: 1px solid #D9D9D9; position: absolute; bottom: 0; left: 0; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); }*/
.media-list:active { background: #eceee9; }
.media-list .list-img { width:2.54rem;height: 1.56rem; position: relative; overflow: hidden;}
.media-list .list-img img { width:2.54rem; height: 100%; }
.media-list .list-text { position: relative; width:80%;padding: 0 .3rem; padding-top: .24rem;}
.media-list .list-text .text-title { font-size: 0.26rem; color: #2a2a2a; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.media-list .list-text .text-content { position: absolute;bottom:18px;left:.3rem;color: #666666; font-size: 0.24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 0.2rem; }
.media-list .icon-arrow { display: block; position: absolute; right: 0.2rem; font-size: 0.3rem; color: #8f8f94; line-height: 1.56rem; top: 0; }
.jui-grid-trisect > li { width: 30%; margin-left: 3%; float: left; margin-bottom: 0.05rem; }
.jui-grid-trisect-img { width: 100%; padding-top: 149.47%; position: relative; }
.jui-grid-trisect-img > span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: 100%; }
.jui-grid-trisect-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0.05rem 0; }
.jui-grid-halve { padding: 0.2rem; overflow: hidden; }
.jui-grid-halve > li { width: 3.45rem; float: left; margin-bottom: 0.05rem; }
.jui-grid-halve > li:nth-child(2n) { float: right; }
.jui-grid-halve-img { width: 100%; height: 2.10rem; position: relative; }
.jui-grid-halve-img > span { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.jui-grid-halve-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0.05rem 0; }
.jui-grid-aliquot { overflow: hidden; border-top: 2px solid #efefef; }
.jui-grid-aliquot > li { width: 100%; height: 2.78rem; }
.jui-grid-aliquot-img { width: 2.4rem; height: 2.4rem; position: relative; float: left; margin: 0.19rem 0; }
.jui-grid-aliquot-img > span { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.jui-grid-aliquot-text { float: left; width: 5rem; height: 2.78rem; padding: 0 0.2rem; border-bottom: 2px solid #efefef; }
.jui-grid-aliquot-text .textname { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 0.2rem; }
/*               各种列表样式                  */
.button { border: 1px solid #ff8a00; color: #ff8a00; text-decoration: none; text-align: center; display: block; border-radius: 0.1rem; line-height: .8rem; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background: none; padding: 0 0.5rem; margin: 0 auto; height: .8rem; white-space: nowrap; position: relative; text-overflow: ellipsis; font-size: 0.35rem; font-family: inherit; cursor: pointer; width: 100%; }
.button.button-fill { color: #fff; background: #0894ec; border: none; line-height: 1rem; }
.button.button-fill:active { background: #0676bc; color: #85cefc; }
.button.button-gren { color: #fff; background: #04be02; border: none; line-height: 1rem; }
.button.button-gren:active { background: #0ca20a; color: #0bdd09; }
.button.button-yellow { color: #fff; background: #f3d21e; border: none; line-height: 1rem; }
.button.button-border { color: #fff; background: none; border: 1px solid #080808; color: #080808; line-height: 1rem; }
.button.button-border:active { border: 1px solid #c0c1bf; color: #c0c1bf; }
.button .button-icon { margin-right: 10px; }
.jui-list-block { margin: 0.4rem 0; font-size: 0.28rem; }
.jui-list-content { box-sizing: border-box; padding-left: 0.4rem; min-height: .85rem; background: #FFFFFF; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; flex-flow: column; position: relative; border-bottom: 1px solid #E7E7E7; }
/*.jui-list-content:after{
	content: "";
	width: 100%;
	border-bottom: 1px solid #E7E7E7;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: scaleY(0.5);
	-webkit-transform: scaleY(0.5);
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
}*/
.jui-list-center { width: 100%; }
.jui-list-center .center-title { line-height: 1rem; float: left; width: 30%; font-size: .3rem; }
.cell-select{ float: left; height: 1rem; border: none; display: block; color: #2A2A2A; font-size: 0.3rem; text-align: center; -webkit-appearance: none;appearance:none;-moz-appearance: none; width:70%; background: none; }
.cell-select option { text-align: center; }
.jui-list-center .yan-input { width: 40%; float: left; }
.jui-list-center .yan-input input { height: 1rem; display: block; color: #3d4145; width: 80%; font-family: "Helvetica Neue", sans-serif;; }
.jui-list-center .yan-boxtext { width: 30%; float: left; height: 1rem; line-height: 100px; text-align: center; color: #3cc51f; border-left: 1px solid #e7e7e7; line-height: 1rem; }
.jui-list-center .yan-boxtext:active { color: #18b4ed; }
.jui-list-center .center-input { float: left; width: 70%; }
.jui-list-center .center-input input { height: .85rem; display: block; color: #3d4145; width: 100%; font-family: "Helvetica Neue", sans-serif; background: transparent; line-height: .85rem; }
.cell-right { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 70%; min-height: .85rem; color: #525252; text-align: right; font-size: 0.26rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
.cell-input { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height:1rem; line-height:1rem; border: none; font-size: 0.28rem; background: transparent; color: #555; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; vertical-align: baseline; border-radius: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; }
.jui-uploader { flex: 1; }
.jui-uploader li { float: left; margin-right: 0.1rem; margin-bottom: 0.1rem; width: 1.6rem; height: 1.6rem; background: url('../img/recover_03.jpg') no-repeat center; text-align: center; line-height: 1.5rem; flex-flow: column; font-size: 0.3rem; color: #FFFFFF; position: relative; }
.jui-uploader li .add { display: inline-block; line-height: 1.5rem; text-align: center; width: 100%; font-size: 0.8rem; }
.jui-uploader li img { width: 1.6rem; height: 1.6rem; position: absolute; top: 0; left: 0; }
.jui-uploader li .delete { width: 0.4rem; height: 0.4rem; line-height: 0.4rem; background: #fe4e01; position: absolute; top: 0; right: 0; font-size: 0.4rem; }
.jui-uploader .upload-input { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: none; border: none; opacity: 0; }
.jui-uploader li:active { background: none; color: #C0C0C0; }
.jui-uploader .uploader-text { display: flex; margin-bottom: 0.2rem; }
.jui-uploader .uploader-text .loadtext { flex: 1; }
.jui-list-center .center-text { line-height: .85rem; width: 30%; text-align: center; float: left; }
.jui-list-center .left-text { line-height:1rem; width:70%; text-align: left; float: left; }
.jui-list-center .center-red { line-height: .85rem; width: 80%; text-align: left; float: left; font-size: .34rem; letter-spacing: 1px; color: #ff3e3e; }

@media only screen and (min-width: 100px) and (max-width: 320px) {
    .jui-list-center .center-red { line-height: .85rem; width: 80%; text-align: left; float: left; font-size: .34rem; letter-spacing: 0px; }
}

.jui-list-center .center-red span { font-size: .22rem; }
.jui-list-center .center-red i { font-size: .22rem; color: #666666; }
.jui-list-center .right-text { line-height: 1rem; width: 10%; text-align: right; float: right; padding-right: 0.3rem; color: #bbbbbb; }
.jui-list-center .center-input textarea { height: 300px; resize: none; padding: 0.1rem 0.05rem 0 0.05rem; float: left; border: none; width: 80%; line-height: 0.4rem; }
.label-switch { display: block; vertical-align: middle; border-radius: 0.8rem; box-sizing: border-box; height: 1rem; position: relative; cursor: pointer; -webkit-align-self: center; align-self: center; }
.label-switch .checkbox { line-height: 0.7rem; text-align: left; padding-left: 0.1rem; text-indent: 0.1rem; color: #FFFFFF; font-size: 0.24rem; width: 1.3rem; border-radius: 0.8rem; box-sizing: border-box; height: 0.7rem; background: #e5e5e5; z-index: 0; margin: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; border: none; cursor: pointer; position: relative; -webkit-transition-duration: 300ms; transition-duration: 300ms; display: block; position: absolute; top: 0.15rem; right: 0.15rem; }
.label-switch .checkboxs { line-height: 0.66rem; text-align: left; padding-left: 0.1rem; text-indent: 0.05rem; color: #FFFFFF; width: 1.3rem; border-radius: 0.8rem; box-sizing: border-box; height: 0.7rem; background: #e5e5e5; z-index: 0; margin: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; border: none; cursor: pointer; position: relative; -webkit-transition-duration: 300ms; transition-duration: 300ms; display: block; position: absolute; top: 0.15rem; right: 0.15rem; }
.label-switch .checkboxs:before { content: ' '; position: absolute; left: 0.02rem; top: 0.02rem; width: 1.26rem; border-radius: 0.8rem; box-sizing: border-box; height: 0.66rem; line-height: 0.66rem; text-align: right; padding-right: 0.15rem; font-size: 0.28rem; background: #fff; z-index: 1; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transform: scale(1); transform: scale(1); color: #080808; }
.label-switch .checkbox:before { content: ' OFF'; position: absolute; left: 0.02rem; top: 0.02rem; width: 1.26rem; border-radius: 0.8rem; box-sizing: border-box; height: 0.66rem; line-height: 0.66rem; text-align: right; padding-right: 0.1rem; font-size: 0.24rem; background: #fff; z-index: 1; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transform: scale(1); transform: scale(1); color: #080808; }
.label-switch .checkbox:after { content: ' '; height: 0.6rem; width: 0.6rem; border-radius: 1.4rem; background: #fff; position: absolute; z-index: 2; top: 0.045rem; left: 0.04rem; box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.4); -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.label-switch .checkboxs:after { content: ' '; height: 0.6rem; width: 0.6rem; border-radius: 1.4rem; background: #fff; position: absolute; z-index: 2; top: 0.045rem; left: 0.04rem; box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.4); -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.label-switch input[type="checkbox"] { opacity: 0; position: absolute; z-index: 9999; right: 0; }
.label-switch input[type="checkbox"]:checked + .checkbox { background: #ff8a00; }
.label-switch input[type="checkbox"]:checked + .checkbox:before { -webkit-transform: scale(0); transform: scale(0); }
.label-switch input[type="checkbox"]:checked + .checkbox:after { -webkit-transform: translateX(0.65rem); transform: translateX(0.65rem); }
html.android .label-switch input[type="checkbox"] + .checkbox { -webkit-transition-duration: 0; transition-duration: 0; }
html.android .label-switch input[type="checkbox"] + .checkbox:after,
html.android .label-switch input[type="checkbox"] + .checkbox:before { -webkit-transition-duration: 0; transition-duration: 0; }
.label-switch input[type="checkbox"]:checked + .checkboxs { background: #04be02; }
.label-switch input[type="checkbox"]:checked + .checkboxs:before { -webkit-transform: scale(0); transform: scale(0); }
.label-switch input[type="checkbox"]:checked + .checkboxs:after { -webkit-transform: translateX(0.65rem); transform: translateX(0.65rem ); }
html.android .label-switch input[type="checkbox"] + .checkboxs { -webkit-transition-duration: 0; transition-duration: 0; }
html.android .label-switch input[type="checkbox"] + .checkboxs:after,
html.android .label-switch input[type="checkbox"] + .checkboxs:before { -webkit-transition-duration: 0; transition-duration: 0; }
/*               表单                  */
.item-content { width: 100%; margin-left: 0.3rem; border-bottom: 1px #e7e7e7 solid; }
.item-content .item-content-text { padding: 0.1rem 0.3rem 0.1rem 0; }
.item-content .item-content-text p { line-height: 1rem; font-size: 0.3rem; }
.item-content-text .item-select { padding: 0 0.15rem; border: none; font-size: 0.3rem; line-height: 0.3rem; margin: 0.33rem 0; background: none; -webkit-appearance: none; /*for chrome*/; direction: ltr; width: 60%; }
.item-content-text .item-select option { font-size: 0.28rem; }
.jui-check__label { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 50%;}
.jui-check__label:active { background-color: #ECECEC; }
.jui-radio { background-color: #FFFFFF; overflow: hidden; position: relative;width: 100%; }
.jui-cell { height: .85rem; padding: 0 .3rem; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background-color: #FFFFFF; }
.jui-cells { background: #FFFFFF; border-top: 1px solid #d9d9d9; position: relative; overflow: hidden; }
.jui-input { display: inline-block; width: 100%; border: none; outline: none; height: 0.5rem; line-height: 0.5rem; background: transparent; font-size: 0.3rem; }
.jui-textarea { display: block; width: 100%; border: none; outline: none; font-size: 0.3rem; height: 2rem; }
.jui-cell:before { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-top: 1px solid #e7e7e7; color: #e7e7e7; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(.5); transform: scaleY(.5); left: 0; }
.jui-cell__bd { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; font-size: 0.28rem;}
.jui-cell__bd span{float: right;color: #BBBBBB;line-height: .32rem;}
.jui-cell__ft { text-align: right; }
.jui-cell__ft input { position: absolute; width: 100%; height: 0.85rem; z-index: 999; top: 0; right: 0; opacity: 0; }
.jui-icon-checked { display: none; font-size: 0.4rem; color: #0894ec; position: absolute; right: 0.4rem; top: 0.27rem; }
.jui-check__label input[type="radio"]:checked + .jui-icon-checked { display: block; }
.jui-check__label input[type="checkbox"]:checked + .jui-icon-checked { display: block; }
.jui-icon-checkbox { width: 24px; height: 24px; border-radius: 24px; border: 1px solid #6a6a6a; margin-right: 0.15rem; background: #FFFFFF; }
.jui-icon-checkbox i { width: 14px; height: 14px; background: #ff8a00; border-radius: 50px; display: none; margin: 4px; }
.jui-check__label input[type="radio"]:checked + .jui-icon-checkbox { border: 1px solid #ff7600; }
.jui-check__label input[type="radio"]:checked + .jui-icon-checkbox i { display: block; }
.jui-check__label.change .jui-icon-checkbox { border: 1px solid #ff7600; }
.jui-check__label.change .jui-icon-checkbox i { display: block; }
.jui-check__label input[type="checkbox"]:checked + .jui-icon-checkbox { border: 1px solid #ff7600; }
.jui-check__label input[type="checkbox"]:checked + .jui-icon-checkbox i { display: block; }
/*               表单按钮单选多选                  */
.jui-shopping { overflow: hidden; font-size: 0.3rem; position: relative; display: flex; }
/*               商城分类页面                  */
.jui-shopping-scoll { height: 100%; overflow: hidden; padding-bottom: 1rem; width: 100%; }
.jui-shopping-scoll div[class*="jui-shopping-select"] { position: absolute; height: 100%; overflow: scroll; top: 0; left: 0; -webkit-overflow-scrolling: touch; }
/*               分类滑动属性                 */
.jui-shopping-scoll div[class*="jui-shopping-content"] { position: absolute; height: 100%; right: 0; overflow: scroll; top: 0; -webkit-overflow-scrolling: touch; }
.jui-shopping-select { width: 1.77rem; background: #f4f4f4; left: 0; }

.jui-shopping-select p { width: 100%; height: 0.92rem; background-color: #f6f6f9; color: #383838; font-size: 0.26rem; text-align: center; padding-top: 18%; position: relative; line-height: 0.3rem; }
.jui-shopping-select p.change { color: #1cbb7f; background: #FFFFFF; }
.jui-shopping-select p.change span { display: block; }
.jui-shopping-select p span { height: 0.92rem; width: 0.04rem; position: absolute; left: 0; top: 0; background-color: #1cbb7f; display: none; }
.jui-shopping-content { width: 5.73rem; background: #FFFFFF; }

.jui-shopping-content .shop-title { line-height: 0.55rem; background: #f6f6f6; padding-left: 0.1rem; text-align: left; color: #3f3f3f; }
.jui-shopping-content .shop-list { padding-left: 0.2rem; }
.jui-shopping-content .shop-list .list-box { padding: 0.32rem 0.23rem 0.32rem 0; display: flex; position: relative; }
.jui-shopping-content .shop-list .list-box:before { content: ""; position: absolute; width: 100%; bottom: 0; left: 0; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); border-bottom: 1px solid #e5e5e5; }
.jui-shopping-content .shop-list .list-box .box-img { width: 1.25rem; height: 1.25rem; border-radius: 8px; }
.jui-shopping-content .shop-list .list-box .box-text { width: 80%; padding-left: 0.15rem; }
.jui-shopping-content .shop-list .list-box .box-text p.Title { font-size: 0.28rem; color: #2d2d2d; }
.jui-shopping-content .shop-list .list-box .box-text p.content { font-size: 0.24rem; color: #a7a7a7; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 0.1rem; line-height: 0.3rem; }
.jui-shopping-content .shop-list .list-box .box-text p.content span { font-size: 0.3rem; color: #0ac0a0; font-weight: bold; }
.jui-shopping-content .shop-list .list-box .box-text p.content i { text-decoration: line-through; }
.jui-shopping-content .shop-list .list-box .shop-numberadd { position: absolute; display: flex; width: 1.6rem; height: 0.53rem; right: 0.2rem; bottom: 0.3rem; text-align: center; font-size: 0.35rem; }
::-webkit-scrollbar { /*隐藏滚轮*/ display: none; }
.jui-shopping-content .shop-list .list-box .shop-numberadd span { width: 0.53rem; height: 0.53rem; border: 1px solid #cbcaca; border-radius: 0.53rem; line-height: 0.53rem; color: #ababab; }
.jui-shopping-content .shop-list .list-box .shop-numberadd p { line-height: 0.53rem; margin: 0 0.2rem; }
.jui-shopping-content .shop-list .list-box .shop-numberadd span:nth-last-child(1) { background-color: #0dbea8; border: 1px solid #16aa93; color: #FFFFFF; }
.jui-shopping-content .classify-list { display: flex; margin-top: 0.1rem; }
.jui-shopping-content .classify-list .list-box { width: 30%; margin-left: 3%; }
.jui-shopping-content .classify-list .list-box .box-img { width: 100%; height: 1.75rem; overflow: hidden; position: relative; }
.jui-shopping-content .classify-list .list-box .box-img img { width: 100%; height: 1.75rem; }
.jui-shopping-content .classify-list .list-box .box-text { font-size: 0.28rem; text-align: center; }
.jui-classify { background: #FFFFFF; }
.jui-classify-title { padding: 0.2rem; display: flex; position: relative; }
.jui-classify-title:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px solid #eeeeee; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 100% 0 transform-origin: 100% 0; }
.jui-classify-title .classify-img { width: 1.06rem; height: 1.06rem; position: relative; overflow: hidden; }
.jui-classify-title .classify-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.jui-classify-title .classfiy-name { line-height: 1.06rem; margin-left: 0.24rem; color: #2a2d2c; }
.jui-classify-title .classfiy-xia { position: absolute; right: 0.2rem; line-height: 1.06rem; color: #a2a2a2; top: 0.2rem; font-size: 0.35rem; }
.jui-classify-list { }
.jui-classify-list .list-box { height: 1.26rem; line-height: 1.26rem; padding-left: 1.5rem; color: #a2a2a2; font-size: 0.3rem; position: relative; }
.jui-classify-list .list-box:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 1px solid #ece9e9; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 100% 0 transform-origin: 100% 0; }
.jui-classify-list .list-box:active { background: #f2f0f0; }
/*               商城分类页面                  */
.jui-page-flex { padding: 0 0.15rem; }
.jui-page-flex li { background: #FFFFFF; margin: 0.1rem 0; overflow: hidden; border-radius: 2px; cursor: pointer; }
.jui-page-flex li:nth-child(1) { margin: 0; }
.page-flex { display: flex; padding: 0.4rem 0.2rem; -webkit-box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; }
.page-flex_item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }
.pag-flex_category { height: 0; overflow: hidden; transition: 0.5s all; }
.pag-flex_category .page-cell { padding: 0.3rem 0.3rem; position: relative; display: flex; display: -webkit-box; display: -webkit-flex; }
.pag-flex_category .page-cell:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); left: 0.15rem; }
.pag-flex_category .page-cell .page-cell-left { flex: 1; -webkit-box-flex: 1; }
.pag-flex_category .page-cell .page-cell-right { position: relative; }
.page-show .pag-flex_category { height: auto !important; }
/*           扇形展开                 */
.jui-order-first { height: auto; overflow: hidden; }
.jui-order-first li { background: #FFFFFF; margin-top: 0.2rem; }
.jui-order-first li .order-id { display: flex; padding: 0.25rem 0.2rem; border-bottom: 1px dashed #e0e0e0; }
.jui-order-first li .order-id p { flex: 1; -webkit-flex: 1; color: #424d57; }
.jui-order-first li .order-id span { display: inline-block; padding: 0.08rem 0.2rem; background: #fff3e5; color: #ff9e36; border-radius: 0.25rem; font-size: 0.25rem; }
.jui-order-first .order-detail { padding: 0.25rem 0.25rem; }

.jui-order-first .order-detail p.name { color: #424d57; line-height: 0.4rem; margin-bottom: 0.2rem; }
.jui-order-first .order-detail p.data { color: #969696; font-size: 0.25rem; line-height: 0.4rem; }
.jui-order-first .order-detail p.remind { color: #ff571c; margin-top: 0.2rem; }
/*              订单第一类                  */
.jui-order-second { overflow: hidden; height: auto; }
.jui-order-second li { padding: 0.48rem 0.25rem; background-color: #FFFFFF; border-bottom: 1px solid #d5dde1; border-top: 1px solid #d5dde1; color: #34485e; margin-top: 0.25rem; }
.jui-order-second li:nth-child(1) { margin-top: 0; }
.jui-order-second li .order-name { }
.jui-order-second li .order-name span { color: #22b58a; }
.jui-order-second li .order-data { padding: 0.27rem 0; border-bottom: 1px dashed #d5dde1; }
.jui-order-second li .order-id { display: flex; margin-top: 0.2rem; }
.jui-order-second li .order-id p { flex: 1; -webkit-flex: 1; line-height: 0.67rem; color: #959f9f; }
.jui-order-second li .order-id span { padding: 0.16rem 0.43rem; border-radius: 8px; border: 1px solid #bfc5c8; color: #34485e; font-size: 0.28rem; }
/*              订单第二类                  */
.jui-order-third { height: auto; overflow: hidden; margin-top: .2rem; display: none; }
.jui-order-third li { background-color: #FFFFFF; margin-top: 0.2rem; color: #080808; }
.jui-order-third li:nth-child(1) { margin-top: 0; }
.jui-order-third li .order-logo { line-height: 0.8rem; padding: 0 .3rem; position: relative; }
.jui-order-third li .order-logo span { font-size: .24rem; color: #ff8a00; float: right; line-height: .8rem; }
.jui-order-third li .order-logo:after { content: ""; position: absolute; border-bottom: 1px solid #E7E7E7; bottom: 0; left: 0; width: 100%; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); transform-origin: 0 0; -webkit-transform-origin: 0 0; }
.jui-order-third li .order-detail { border-bottom: 1px solid #E7E7E7;background: #FFFFFF; display: flex; flex-flow: wrap; padding: 0.3rem; position: relative; }
/*.jui-order-third li .order-detail:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); transform-origin: 0 0; -webkit-transform-origin: 0 0; }*/
.jui-order-third li .order-detail .order-img { width: 1.54rem; height: 1.54rem; }
.jui-order-third li .order-detail .order-img:nth-child(4n-3) { margin-left: 0; }
.jui-order-third li .order-detail .order-img img { width: 100%; height: 100%; }
.jui-order-third li .order-detail .order-text { flex: 1; font-size: .28rem; color: #2A2A2A; -webkit-flex: 1; padding-left: 0.2rem; padding-right: .29rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align: justify; text-justify: inter-ideograph; }
.jui-order-third li .order-detail .order-text p:nth-child(1) { height: .98rem; overflow: hidden; }
.jui-order-third li .order-detail .order_active { line-height: 1.54rem; color: #00b661; }
.jui-order-third li .order-detail .order_active span { margin-right: 15px; }
.jui-order-third li .order-detail .order-text span { font-size: .22rem; }
.jui-order-third li .order-detail .order-text i { color: #2A2A2A; font-size: .2rem; float: right; line-height: .34rem; }
.jui-order-third li .order-detail .order-price { position: relative; }
.jui-order-third li .order-detail .order-price span { position: absolute; bottom: 0; right: 0; width: 3rem; text-align: right; }
.jui-order-third li .order-detail .order-price i { color: #2A2A2A; font-size: .2rem; line-height: .34rem; position: absolute; bottom: 0; right: 0; }
.jui-order-third li .order-detail .order-iconfont{position: absolute;font-size: .24rem;right: .3rem;bottom: .4rem;line-height: .4rem;}
.jui-order-third li .order-detail .order-iconfont p{font-size: .24rem}
.jui-order-third li .order-payment { line-height: 0.8rem; padding: 0 0.3rem; text-align: right; font-size: .22rem; position: relative;border-bottom: 1px solid #E7E7E7;}
.jui-order-third li .order-payment>i{float: left;}
.jui-order-third li .order-payment span { color: #ff3e3e; font-size: .32rem; }
.jui-order-third li .order-payment span i { font-size: .2rem; }
.jui-order-third li .order-again { padding: 0.2rem 0.3rem; display: flex; justify-content: flex-end;position: relative;}
.jui-order-third li .order-again p{position: absolute;left:30px;top: 0;line-height: 100px;font-size: .22rem;}
.jui-order-third li .order-again p span{color:rgb(255, 62, 62);font-size: .28rem;}
.jui-order-third li .order-again>span { width: 1.7rem; height: .6rem; line-height: .6rem; border-radius: 10px; font-size: 0.28rem; color: #2A2A2A; text-align: center; border: 1px solid #E7E7E7; margin-left: .2rem; }
.jui-order-third li .order-again>span.change { color: #ff3e3e; border: 1px solid #ff3e3e; }
/*              订单第三类                  */
.jui-order-box { background-color: #FFFFFF; padding: 0 0.24rem; margin-top: 0.25rem; padding-bottom: 0.32rem; }
.jui-order-box:nth-child(1) { margin-top: 0; }
.jui-order-box .order-title { line-height: 0.93rem; position: relative; }
.jui-order-box .order-title:before { content: ""; position: absolute; width: 100%; bottom: 0; left: 0; transform: scaleY(0.5); transform: scaleY(0.5); border-bottom: 1px solid #d9d9da; }
.jui-order-box .order-list-text { color: #6c626e; margin-top: 0.3rem; }
.jui-order-box .order-list-text.change { color: #a9a1ab; }
.jui-order-box .order-list-text.change span { color: #8c8dd6; }
.jui-order-box .order-list-text .adress-default { padding: 0.05rem 0.15rem; background: #8c8dd6; color: #FFFFFF; font-size: 0.26rem; display: inline-block; margin-right: 0.15rem; border-radius: 0.2rem; }
.jui-order-box .order-box-list { padding: 0.48rem 0.18rem; display: flex; position: relative; }
.jui-order-box .order-box-list:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); border-bottom: 1px solid #deddde; }
.jui-order-box .order-box-list .list-img { width: 1.58rem; height: 1.58rem; border: 1px solid #deddde; }
.jui-order-box .order-box-list .list-img img { width: 100%; }
.jui-order-box .order-box-list .list-text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; text-justify: inter-ideograph; width: 50%; color: #6c626e; height: 0.8rem; line-height: 0.4rem; margin-left: 0.25rem; }
.jui-order-box .order-box-list .list-price { color: #36d2c4; font-size: 0.38rem; margin-left: 1.25rem; }
.jui-order-box .order-box-list .list-price span { color: #998f9d; font-size: 0.28rem; }
.jui-order-box .order-box-list .post-text { position: absolute; bottom: 0.48rem; left: 1.88rem; color: #998f9d; }
.jui-order-box .order-box-list .list-btn { padding: 0.12rem 0.16rem; border: 1px solid #dfd9e3; border-radius: 5px; font-size: 0.3rem; color: #998f9d; position: absolute; bottom: 0.48rem; right: 0.18rem; }
.jui-order-box .order-box-list .list-btn.change { background: #dfd9e3; color: #FFFFFF; }
.jui-order-box .order-detail-text { color: #a9a1ab; padding: 0.48rem 0.18rem; }
.jui-order-box .order-detail-text p { margin-top: 0.3rem; }
/*              订单详情                */
.jui-article { padding: 0.4rem; max-width: 100%; box-sizing: border-box; word-wrap: break-word; }
.jui-article h1 { font-size: 0.34rem; font-weight: 400; margin-bottom: 0.15rem; }
/*              文章大标题                */
.jui-article h2 { font-size: 0.3rem; font-weight: 400; margin-bottom: 0.15rem; }
/*              文章 小标题           */
.jui-article h3 { font-weight: 400; font-size: 0.25rem; }
/*              文章 段落标题           */
.jui-article p { margin: 0.2rem 0; text-align: justify; }
.jui-article p img { max-width: 100%; width: 100%; }
.jui-infor-article { padding: 0.3rem; height: 100%; background-color: #FFFFFF; }
.jui-infor-article .infor-title { font-size: 0.4rem; font-weight: 400; margin-bottom: 0.15rem; }
.jui-infor-article .infor-sectitle { margin-bottom: 0.2rem; line-height: 0.6; }
.jui-infor-article .infor-content { margin-bottom: 0.2rem; text-align: justify; line-height: 0.4rem; }
.jui-infor-article .infor-content img { width: 100%; }
.jui-infor-article .infor-sectitle .infor-em { color: #8c8c8c; font-style: normal; display: inline-block; font-size: 0.35rem; margin-bottom: 0.1rem; margin-right: 0.12rem; vertical-align: middle; }
.jui-infor-article .infor-sectitle .infor-a { display: inline-block; vertical-align: middle; margin-right: 0.08rem; margin-bottom: 0.1rem; font-size: 0.35rem; margin-top: 0.05rem; color: #0676BC; }
.jui-infor-article .infor-foot { overflow: hidden; padding-top: 0.15rem; line-height: 4; font-size: 0.3rem; }
.jui-infor-article .infor-foot a { color: #0676BC; }
.jui-infor-article .infor-foot span { color: #8C8C8C; display: inline-block; margin: 0 0.2rem; }
.jui-infor-article .infor-foot i { color: #8C8C8C; margin-left: 0.2rem; letter-spacing: 0.1rem; }
/*              文章                */
.jui-grids { position: relative; background-color: #FFFFFF; }
.jui-grid { float: left; width: 33.333%; padding: 0.49rem 0.1rem; position: relative; font-size: 0.28rem; border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc ;}
.jui-grid:nth-child(3n){border-right: none;}
/*.jui-grid:before { content: ""; position: absolute; border-right: 1px solid #d9d9d9; height: 100%; right: 0; top: 0; transform: scaleX(0.5); -webkit-transform: scaleX(0.5); }
.jui-grid:after { content: ""; position: absolute; border-bottom: 1px solid #d9d9d9; width: 100%; right: 0; bottom: 0; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); }*/
.jui-grid-quarter { float: left; width: 25%; padding: 0.3rem 0.1rem; position: relative; border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; font-size: 0.3rem; }
.jui-grid-quarter:nth-child(4n) { border-right: none; }
.jui-grid:nth-child(3n) { border-right: none; }
.jui-grid-quarter:active { background-color: #d9d9d9; }
.jui-grid-icon { margin: 0 auto; font-size: 0.5rem; text-align: center; width: 0.5rem; height: 0.5rem; }
.jui-grid-icon img { display: block; width: 100%; height: 100%; }
.jui-grid-text { text-align: center; line-height: 0.6rem; }
/*              九宫格 十六宫格                */
.jui-perheader { height: 0.8rem; line-height: 0.8rem; text-align: right; top: 0; z-index: 999; position: absolute; top: 0; width: 100%; }
.jui-perheader .perheader-news { font-size: 0.5rem; color: #fff; padding-right: 0.4rem; position: relative; }
.jui-perheader .perheader-news span { position: absolute; color: #F33; width: 0.2rem; height: 0.2rem; border-radius: 50%; background: #FF3333; top: 0.1rem; right: 0.3rem; }
.jui-person { height: 4.86rem; position: relative; background: url("../images/person_02.png") no-repeat; background-size: 100%; }
.jui-person .person-img { width: 100%; height: 2rem; position: absolute; top: 25%; z-index: 999; text-align: center; }
.jui-person-list { background: #FFFFFF; display: flex; }
.jui-person-list li { width: 33.3%; height: 1.65rem; position: relative; }
.jui-person-list li p { font-size: 0.5rem; width: 100%; text-align: center; color: #2a2d2c; height: 1rem; line-height: 1rem; }
.jui-person-list li h1 { font-size: 0.3rem; width: 100%; text-align: center; color: #2a2d2c; }
.jui-person-list li span { position: absolute; width: 0.3rem; height: 0.3rem; background: #c82c27; border-radius: 50%; text-align: center; line-height: 0.3rem; right: 0.8rem; top: 0.2rem; color: #FFFFFF; font-size: 0.2rem; }
.jui-person .person-img img { width: 1.8rem; height: 1.8rem; border-radius: 50%; border: 2px solid #FFFFFF; }
.jui-person .person-img span { position: absolute; bottom: 0; color: #FFFFFF; font-size: 0.4rem; }
.jui-person .person-login { width: 100%; height: 0.6rem; text-align: center; font-size: 0.32rem; color: #FFFFFF; line-height: 0.6rem; }
.jui-person-content { padding: 0.2rem; margin-bottom: 0.98rem; }
.jui-person-order { background: #FFFFFF; margin-top: 0.2rem; padding: 0.2rem; display: flex; }
.jui-person-order:active { background-color: #f2f0f0; }
.jui-person-order .order-title { font-size: 0.3rem; flex: 3; height: 0.67rem; color: #2a2d2c; }
.jui-person-order .order-title i { line-height: 0.67rem; float: left; font-size: 0.4rem; }
.jui-person-order .order-title span { line-height: 0.67rem; margin-left: 5px; }
.jui-person-order .person-direction { font-size: 0.3rem; line-height: 0.67rem; color: #8C8C8C; }
/*             个人中心                */
.jui-person_title { width: 100%; background: url(../images/imas_03.png) center no-repeat; background-size: 100%; height: 3.45rem; }
.jui-person_title .person_head { width: 100%; height: 2.27rem; border-bottom: 1px solid #cec8c8; }
.jui-person_title .person_head img { width: 1.45rem; height: 1.45rem; border-radius: 50%; margin: 0.41rem 0.2rem; float: left; }
.jui-person_title .person_head div { width: 75%; height: 2.27rem; float: left; padding-top: 0.5rem; position: relative; }
.jui-person_title .person_head div h1 { width: 100%; font-size: 0.3rem; color: #FFFFFF; margin: 0.1rem 0; }
.jui-person_title .person_head div p { color: #FFFFFF; font-size: 0.3rem; position: absolute; right: 5%; top: 35%; }
.jui-person_title .person_head div p span { font-size: 0.4rem; }
.jui-person_title ul { width: 100%; margin: 0.1rem 0; }
.jui-person_title ul li { width: 50%; height: 0.8rem; border-right: 1px solid #cec8c8; font-size: 0.3rem; color: #FFFFFF; float: left; }
.jui-person_title ul li p { width: 100%; text-align: center; margin: 0.08rem 0; }
.jui-person_title ul li:nth-child(2) { border: none; float: right; }
.jui-person_list { width: 100%; margin-top: 0.2rem; }
.jui-person_list .list { width: 100%; height: 1.04rem; background: #FFFFFF; border-bottom: 1px solid #cec8c8; }
.jui-person_list .list p { font-size: 0.3rem; color: #000; height: 1.04rem; line-height: 1.04rem; padding-left: 0.2rem; float: left; }
.jui-person_list .list p span { color: #0eb674; margin: 0 0.1rem; font-size: 0.35rem; }
.jui-person_list .list h1 { float: right; padding-right: 0.2rem; height: 1.04rem; line-height: 1.04rem; color: #5c5c5c; font-size: 0.3rem; }
.person_ul { width: 100%; background: #FFFFFF; }
.person_ul li { width: 33.3%; float: left; height: 1.65rem; position: relative; }
.person_ul li p { font-size: 0.5rem; width: 100%; text-align: center; color: #353535; height: 1rem; line-height: 1rem; }
.person_ul li h1 { font-size: 0.3rem; width: 100%; text-align: center; color: #909090; }
.person_ul li span { position: absolute; width: 0.3rem; height: 0.3rem; background: #0eb674; border-radius: 50%; text-align: center; line-height: 0.3rem; right: 0.8rem; top: 0.2rem; color: #FFFFFF; font-size: 0.2rem; }

/*             个人中心 2               */
.jui-shopping-trolley { width: 100%; padding: 0 0.2rem; background: #FFFFFF; border-bottom: #d4d4d4 1px solid; }

.jui-shopping-trolley .shopping_list { width: 100%; }

.jui-shopping-trolley .shopping_list .crile { height: 1.96rem; line-height: 1.96rem; width: 10%; }

.jui-shopping-trolley .shopping_list .crile p { width: 0.42rem; height: 0.42rem; border-radius: 50%; border: 2px solid #4183ff; margin: 0.77rem 0; color: #FFFFFF; }

.jui-shopping-trolley .shopping_list .crile p.change { border: none; background-color: #4183ff; }

.jui-shopping-trolley .shopping_list .crile p span { font-size: 0.25rem; float: left; height: 0.42rem; width: 0.42rem; line-height: 0.42rem; text-align: center; }

.jui-shopping-trolley .shopping_con { width: 90%; height: 1.96rem; position: relative; }
.jui-shopping-trolley .shopping_con:before { content: ""; position: absolute; width: 100%; border-top: 1px solid #d4d4d4; bottom: 0; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); }
.jui-shopping-trolley .shopping_con:nth-child(1) { border: none; }

.jui-shopping-trolley .shopping_con img { width: 2rem; height: 1.7rem; margin: 0.13rem 0; float: left; }

.jui-shopping-trolley .shopping_con div { width: 65%; float: right; height: 1.96rem; padding: 0.13rem 0; position: relative; }

.jui-shopping-trolley .shopping_con div .addcon { width: 1.6rem; height: 0.35rem; position: absolute; right: 0px; bottom: 0.18rem; padding: 0; }

.jui-shopping-trolley .shopping_con div .addcon button { width: 30%; height: 0.35rem; line-height: 0.35rem; border: none; background: #e6e6e6; text-align: center; font-size: 0.35rem; color: #3d4245; }

.jui-shopping-trolley .shopping_con div .addcon h3 { width: 33.3%; height: 0.35rem; line-height: 0.35rem; text-align: center; font-size: 0.35rem; color: #3d4245; }

.jui-shopping-trolley .shopping_con div h1 { width: 100%; color: #161616; font-size: 0.28rem; }

.jui-shopping-trolley .shopping_con div h2 { width: 100%; color: #444450; font-size: 0.22rem; margin: 0.05rem 0; }

.jui-shopping-trolley .shopping_con div p { position: absolute; width: 100%; color: #f8211f; font-weight: bold; font-size: 0.25rem; bottom: 0.13rem; }

.jui-shopping-trolley .shopping_con div p > span { float: right; color: #161616; }

.jui-balance { width: 100%; height: 1.1rem; background: #FFFFFF; position: fixed; bottom: 0.98rem; border-bottom: 1px solid #d4d4d4; padding: 0 0 0 0.2rem; }

.jui-balance h1 { width: 70%; height: 1.1rem; line-height: 1.1rem; font-size: 0.3rem; color: #6f6f6f; float: left; }

.jui-balance h1 span { color: #4183ff; }

.jui-balance h1 abbr { font-size: 0.35rem; color: #f8211f; }

.jui-balance button { width: 30%; height: 1.1rem; line-height: 1.1rem; background: #fc651d; color: #FFFFFF; font-size: 0.3rem; border: none; float: left; }
/*             购物车1               */
.jui-secshopping { padding-bottom: 0.2rem; }

.jui-secshopping p.edit { font-size: 0.24rem; color: #2a2d2c; height: 0.8rem; line-height: 0.8rem; background: #FFFFFF; padding-right: 0.2rem; text-align: right; }

.jui-shopping_list { width: 100%; height: 1.96rem; border-bottom: 1px solid #a3a3a3; background-color: #f4f5f7; }

.jui-shopping_list:nth-child(1) { margin-top: 0.2rem; }

.jui-shopping_list .crile { height: 1.96rem; line-height: 1.96rem; width: 10%; text-align: center; }

.jui-shopping_list .crile p { width: 0.4rem; height: 0.4rem; border-radius: 50%; border: 2px solid #a9a9a9; margin: 0.77rem auto; color: #FFFFFF; }

.jui-shopping_list .crile p.change { border: none; background-color: #4183ff; }

.jui-shopping_list .crile p span { font-size: 0.25rem; float: left; height: 0.4rem; width: 0.4rem; line-height: 0.4rem; text-align: center; }

.jui-shopping_list .listcon { width: 90%; height: 1.96rem; background: #f4f5f7; padding: 0 0.02rem; position: relative; border-bottom: 1px solid #a3a3a3; }
::-webkit-scrollbar { /*隐藏滚轮*/ display: none; }
.jui-shopping_list .listcon .bonus { position: absolute; display: flex; width: 1.6rem; height: 0.43rem; right: 0.2rem; bottom: 0.21rem; text-align: center; font-size: 0.35rem; }
.jui-shopping_list .listcon .bonus span { width: 0.43rem; height: 0.43rem; border: 1px solid #cbcaca; line-height: 0.43rem; color: #ababab; }
.jui-shopping_list .listcon .bonus span:active { box-shadow: 0px 0px 0.08rem 0.04rem #DDDDDF; }
.jui-shopping_list .listcon .bonus p { line-height: 0.43rem; margin: 0 0.2rem; }
.jui-shopping_list .listcon .bonus span:nth-last-child(1) { background-color: #4183ff; border: 1px solid #16aa93; color: #FFFFFF; }
.jui-shopping_list .listcon img { width: 1.54rem; height: 1.54rem; float: left; margin: 0.21rem 0; }

.jui-shopping_list .listcon > p { width: 70%; margin-top: 0.125rem; margin-left: 0.2rem; font-size: 0.24rem; color: #292e31; float: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.jui-shopping_list .listcon h1 { font-size: 0.22rem; right: 0; color: #a2a2a2; float: left; width: 50%; margin-top: 0.1rem; margin-left: 0.2rem; }

.jui-shopping_list .listcon h2 { position: absolute; width: 70%; position: absolute; bottom: 0.21rem; right: 0; color: #d42a27; font-size: 0.24rem; }

.jui-shopping_list.listcon h2 span { display: block; float: right; margin-right: 0.28rem; color: #2a2d2c; }

.jui-secbalance { width: 100%; height: 0.94rem; background: #FFFFFF; position: fixed; bottom: 0.98rem; border-bottom: 1px solid #d4d4d4; padding: 0 0 0 0.2rem; }

.jui-secbalance h1 { width: 50%; height: 0.94rem; line-height: 0.94rem; font-size: 0.24rem; color: #6f6f6f; float: left; text-align: right; margin-left: 0.1rem; }

.jui-secbalance h1 span { color: #de4341; }

.jui-secbalance h1 abbr { font-size: 0.22rem; color: #a2a2a2; margin-left: 0.1rem; }

.jui-secbalance a { width: 2.10rem; height: 0.94rem; line-height: 0.94rem; background: #d42a27; color: #FFFFFF; font-size: 0.3rem; border: none; float: right; text-align: center; }

.jui-secbalance .crile { height: 0.94rem; line-height: 0.94rem; text-align: center; }

.jui-secbalance .crile p { width: 0.4rem; height: 0.4rem; border-radius: 50%; border: 2px solid #a9a9a9; margin: 0.27rem auto; color: #FFFFFF; }

.jui-secbalance .crile p.change { border: none; background-color: #4183ff; }

.jui-secbalance .crile p span { font-size: 0.25rem; float: left; height: 0.4rem; width: 0.4rem; line-height: 0.4rem; text-align: center; }

.jui-secbalance .crile h2 { line-height: 0.94rem; color: #2a2d2c; font-size: 0.3rem; margin-left: 0.1rem; }
/*                               分隔样式                                                                                     */
.jui-division { overflow: hidden; position: relative; background-color: #FFFFFF; }
.jui-division.tab-cell { padding: 0 0.3rem; }
.jui-division .divsion-line { height: 0.03rem; background: #04bf02; position: absolute; bottom: 0.01rem; left: 0.4458rem; }
.jui-division .divsion-line-red { height: 0.03rem; background: #ef4e4e; position: absolute; bottom: 0.01rem; left: 0.4458rem; }
.jui-division .divsion-line-quinques { height: 0.03rem; background: #ef4e4e; position: absolute; bottom: 0.01rem; left: 0.3475rem; }
.jui-division .divsion-color-change { color: #04bf02; }
.jui-division .divsion-red-change { color: #ef4e4e; }
.jui-fillet { width: 80%; line-height: 0.5rem; border-radius: 8px; margin: 0 auto; background-color: #FFFFFF; overflow: hidden; }
.jui-green-border { border: 1px solid #04bf02; color: #04bf02; }
.jui-green-list { background-color: #04bf02; color: #FFFFFF; }
.jui-red-border { border: 1px solid #ef4e4e; color: #ef4e4e; }
.jui-red-list { background-color: #ef4e4e; color: #FFFFFF; }
.divsion-tab-list { position: relative; display: table-cell; width: 1%; line-height: 0.8rem; vertical-align: middle; text-align: center; font-size: 0.3rem; }
.divsion-tab-list.change { color: #ff8a00; }
.divsion-tab-list span { position: absolute; width: 100%; height: 0.03rem; left: 0; bottom: 0.01rem; }
.divsion-tab-list .green-color { color: #04bf02; }
.divsion-tab-list span.col-green { background: #04bf02; }
/*tab选项卡系列*/
.jui-tab { font-size: 0.28rem; margin-top: 0.3rem; }
.jui-tabnav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; background-color: #FFFFFF; }
.jui-tabnav .tab-item { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative; text-align: center; line-height: 0.86rem; display: block; font-size: 0.28rem; }
.jui-tabnav .tab-active { color: #29B7FF; }
.jui-tabnav .tab-active:before { content: ""; position: absolute; width: 80%; bottom: 0; height: 2px; background-color: #29B7FF; left: 10%; }
.jui-tabnav .tab-item:after { content: ""; position: absolute; height: 30%; width: 1px; transform: scaleX(0.5); -webkit-transform: scaleX(0.5); border-right: 1px solid #D9D9D9; right: 0; top: 35%; }
.jui-tabnav .tab-item:last-child:after { display: none; }
.jui-tabtext { position: relative; background-color: #fff; }
.jui-tabtext:before { content: ""; width: 100%; border-top: 1px solid #D9D9D9; position: absolute; top: 0; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); }
.jui-tabtext .tab-penalitem { width: 100%; padding: 0.25rem; position: absolute; top: 0; transform: translateX(-100%); -webkit-transform: translateX(-100%); }
.jui-tabtext .tab-penalitem.tab-active { position: relative; -webkit-transition: -webkit-transform .15s; transition: -webkit-transform .15s; transition: transform .15s; transition: transform .15s, -webkit-transform .15s; -webkit-transform: translateX(0); transform: translateX(0); }
/*dislog系类*/
.jui-black-dislog { background-color: rgba(0, 0, 0, 0.4); position: fixed; z-index: 1500; bottom: 0; right: 0; left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.jui-white-dialog { background-color: rgba(0, 0, 0, 0); position: fixed; z-index: 1500; bottom: 0; right: 0; left: 0; top: 0; display: flex; justify-content: center; align-items: center; }
.j-confirm { width: 6.3rem; background-color: #FAFAFA; height: 3.5rem; border-radius: 10px; font-size: 28px; -webkit-animation: zoomIn .15s ease forwards; animation: zoomIn .15s ease forwards; position: relative; }
.confirm-hd { text-align: left; padding-top: 57px; text-align: center; font-size: .36rem; }
.confirm-bd { text-align: left; width: 80%; margin: .2rem auto; }
.confirm-ft { position: absolute; line-height: 40px; margin-top: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; bottom: 0; color: #2A2A2A; font-size: .34rem; }
.confirm-ft:after { content: ''; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 1px; border-top: 1px solid #D9D9D9; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
.confirm-ft > a { position: relative; text-align: center; display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0 2px; line-height: .88rem; width: 50%; }
.confirm-ft > a:after { content: ''; position: absolute; z-index: 0; top: 0; right: 0; height: 100%; border-right: 1px solid #D9D9D9; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; }
.confirm-ft > a:last-child:after { display: none; }
.confirm-ft > a.confirm-btn.default { color: #353535; }
.confirm-ft > a.confirm-btn.primary { color: #FFFFFF; background: #ff3e3e; }
.m-toast { min-width: 260px; max-width: 80%; background: rgba(40, 40, 40, 0.8); text-align: center; border-radius: 3px; color: #FFF; z-index: 1501; -webkit-animation: zoomIn .06s ease forwards; animation: zoomIn .06s ease forwards; }
.toast-success-ico { display: block; margin: 0 auto; margin-bottom: 10px; width: 80px; height: 80px; background: url('../img/check.png') no-repeat; position: relative; background-size: 80px 80px; }
.toast-error-ico { display: block; margin: 0 auto; margin-bottom: 10px; width: 60px; height: 60px; background: url('../img/close.png') no-repeat; background-size: 60px 60px; }
.m-toast.none-icon .toast-content { padding: 30px 20px; }
.m-toast.none-icon { border-radius: 3px; }
.toast-content { font-size: .28rem; padding: 0 15px 20px 15px; line-height: 40px; word-break: break-all; }
.m-loading { border-radius: 4px; color: #FFF; background-color: rgba(40, 40, 40, 0.8); -webkit-animation: zoomIn .1s ease forwards; animation: zoomIn .1s ease forwards; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 46px 0 48px; height: 96px; }

@-webkit-keyframes rotate-loading {
    0% { -webkit-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes rotate-loading {
    0% { -webkit-transform: rotate(0); transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes downIn {
    0% { opacity: 0; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); }
    50% { opacity: .5; }
    100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes downIn {
    0% { opacity: 0; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); }
    50% { opacity: .5; }
    100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes upOut {
    0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    50% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); }
}

@keyframes upOut {
    0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    50% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); }
}

.m-loading .loading-icon { width: 36px; height: 36px; background: url('') no-repeat no-repeat; background-size: 36px 36px; -webkit-animation: rotate-loading 0.45s linear forwards infinite; animation: rotate-loading 0.45s linear forwards infinite; margin-right: 10px; }
.m-loading .loading-txt { font-size: 28px; color: #FFF; max-width: 140px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.m-notify { position: fixed; top: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.8); line-height: .28rem; z-index: 99999; font-size: .26rem; color: #FFF; padding: .3rem .24rem; opacity: 0; -webkit-animation: downIn .2s linear forwards; animation: downIn .2s linear forwards; word-break: break-all; text-align: center; }
.m-notify.notify-out { opacity: 1; -webkit-animation: upOut .15s linear forwards; animation: upOut .15s linear forwards; }
/****************************PICKER*****************/
.jui-mask {display: none;position: absolute; z-index: 10099; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); }

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.jui-animate-fade-in { display:block;}
.jui-picker { position: fixed; width: 100%; left: 0; bottom: 0; z-index: 999999; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; font-size: .28rem; }

@-webkit-keyframes slideUp {
    from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes slideUp {
    from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.jui-animate-slide-up { -webkit-transform: translate(0, 0);transform: translate(0, 0); }
.jui-picker__hd { display: -webkit-box; display: -webkit-flex; display: flex; padding: 0.2rem .3rem; background-color: #fbf9fe; position: relative; text-align: center; }
.jui-picker__hd:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #E5E5E5; color: #E5E5E5; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
.jui-picker__action { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: #586C94; }
.jui-picker__action:first-child { text-align: left; }
.jui-picker__action:last-child { text-align: right; }
.jui-picker__bd { display: -webkit-box; display: -webkit-flex; display: flex; position: relative; background-color: #fff; height: 5.4rem; overflow: hidden; }
.jui-picker__group { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; position: relative; height: 100%; }
.jui-picker__mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 auto; z-index: 3; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)), -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)); background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)), linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)); background-position: top, bottom; background-size: 100% 1.02rem; background-repeat: no-repeat; -webkit-transform: translateZ(0); transform: translateZ(0); }
.jui-picker__indicator { width: 100%; height: 0.8rem; position: absolute; left: 0; top: 2.4rem; z-index: 3; line-height: 0.8rem; }
.jui-picker__indicator:before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #E5E5E5; color: #E5E5E5; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
.jui-picker__indicator:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid #E5E5E5; color: #E5E5E5; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
.jui-picker__content { position: absolute; top: 0; left: 0; width: 100%; }
.jui-picker__item { line-height: 0.8rem; text-align: center; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.jui-picker__item_disabled { color: #999999; }

@-webkit-keyframes slideDown {
    from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    to { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}

@keyframes slideDown {
    from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    to { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}

.jui-animate-slide-down { -webkit-animation: slideDown ease .3s forwards; animation: slideDown ease .3s forwards; }
/***********************新三级联动样式*******************/
.mask-black { background-color: rgba(0, 0, 0, 0.4); position: fixed; z-index: 1000; bottom: 0; right: 0; left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.m-cityselect { position: fixed; bottom: 0; left: 0; width: 100%; height: 75%; z-index: 1001; background-color: #fff; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
.m-cityselect.brouce-in { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.cityselect-header { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }
.cityselect-header:after { content: ''; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #D9D9D9; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
.cityselect-title { width: 100%; font-size: .3rem; text-align: center; height: 80px; line-height: 80px; position: relative; }
.cityselect-title:after { content: ''; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #B2B2B2; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
.cityselect-nav { width: 100%; padding-left: .2rem; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: #FFFFFF; }
.cityselect-nav > a { font-size: .28rem; color: #222; display: block; height: 80px; line-height: 80px; padding: 0 .2rem; position: relative; margin-right: .15rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 40%; }
.cityselect-nav > a.crt { color: #ff8a00; }
.cityselect-nav > a.crt:after { content: ''; width: 100%; height: 2px; background-color: #ff8a00; position: absolute; bottom: 0; left: 0; z-index: 2; }
.cityselect-content { height: 100%; padding-top: 160px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 80px; }
.picker_button { position: absolute; height: 80px; line-height: 80px; background: #ff3e3e; font-size: .34rem; text-align: center; color: #FFFFFF; bottom: 0; width: 100%; z-index: 99; display: flex; display: -webkit-flex; }
.picker_button button { width: 50%; background: #ff3e3e; }
.picker_button button:nth-child(1) { background: #ff8a00; }
.cityselect-content.cityselect-move-animate { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
.cityselect-content.cityselect-next { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.cityselect-content.cityselect-prev { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.cityselect-content > .cityselect-item { display: block; height: inherit; width: 50%; /* for old android */ -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; overflow-y: auto; -webkit-overflow-scrolling: touch; background-color: #FFF; }
.cityselect-content > .cityselect-item::-webkit-scrollbar { width: 0; }
.cityselect-content > .cityselect-item:nth-child(2n) { background-color: #F5F5F5; }
.cityselect-item-box { width: 100%; height: inherit; display: block; padding: 0 .4rem; }
.cityselect-item-box > a { color: #333; font-size: .28rem; height: 80px; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; position: relative; z-index: 1; }
.cityselect-item-box > a:before { content: ''; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #D9D9D9; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
.cityselect-item-box > a:active { background: none; /* for firefox */ }
.cityselect-item-box > a span { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: block; }
.cityselect-item-box > a.crt { color: #ff8a00; }
.cityselect-item-box > a.crt:after { display: block; content: '√'; font-family: 'iconfont'; }
/*路由*/
.page,
.page-group { box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #efeff4; display: none; }

.page-group.page-current,
.page-group.page-from-center-to-left,
.page-group.page-from-center-to-right,
.page-group.page-from-left-to-center,
.page-group.page-from-right-to-center,
.page-group.page-visible,
.page.page-current,
.page.page-from-center-to-left,
.page.page-from-center-to-right,
.page.page-from-left-to-center,
.page.page-from-right-to-center,
.page.page-visible { display: block; }

.page-group.page-current,
.page.page-current { }

.page-group { display: block; }

.page-transitioning,
.page-transitioning .swipeback-page-shadow { -webkit-transition: .4s; transition: .4s; }

.page-from-right-to-center { -webkit-animation: pageFromRightToCenter .4s forwards; animation: pageFromRightToCenter .4s forwards; z-index: 2002; }

.page-from-center-to-right { -webkit-animation: pageFromCenterToRight .4s forwards; animation: pageFromCenterToRight .4s forwards; z-index: 2002; }

@-webkit-keyframes pageFromRightToCenter {
    from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: .9; }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}

@keyframes pageFromRightToCenter {
    from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: .9; }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}

@-webkit-keyframes pageFromCenterToRight {
    from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
    to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: .9; }
}

@keyframes pageFromCenterToRight {
    from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
    to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: .9; }
}

.page-from-center-to-left { -webkit-animation: pageFromCenterToLeft .4s forwards; animation: pageFromCenterToLeft .4s forwards; }

.page-from-left-to-center { -webkit-animation: pageFromLeftToCenter .4s forwards; animation: pageFromLeftToCenter .4s forwards; }

@-webkit-keyframes pageFromCenterToLeft {
    from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    to { opacity: .5; -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); }
}

@keyframes pageFromCenterToLeft {
    from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    to { opacity: .5; -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); }
}

@-webkit-keyframes pageFromLeftToCenter {
    from { opacity: .5; -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes pageFromLeftToCenter {
    from { opacity: .5; -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}